<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ติดต่อเรา</title>

<style type="text/css">
#t-body {
   width:1000px;/*ขนาดความกว้างของเพจ*/
   margin:0px auto;
}
#header{
	margin:0 0 10 0;
	/*padding:10px;*/
	height:auto;
	width:auto;
	background-color:white;
	border-bottom: solid 0.5px #FFFF99;
}/* margin: บน ขวา ล่าง ซ้าย; ตามเข็มนาฬิกาครับ*/
#header2{
	float:right;
	margin:0 0 10 0;
	/*padding:10px;*/
	height:auto;
	width:100%;
	background-color: #FFFFCC;
	border-bottom: solid 1px #FFFF99;
}
#left{
	float:left;
	width:1000px;
	margin:0 0 10px 0;
	height:570px;
	background-color: white;
}
#right{
	float:right;
	width:1000px;
	margin:0 0 10px 0;
	height:500px;
	background-color: white;
}
#content{
	float:right;
	width:590px;
	margin:0 0 10px 10px;
	height:200px;
	background-color:#00FFCC;
}
#footer{
	clear:both;
	padding:20px;
	height:40px;
	background-color:#00FF00;
}
#menu{
     padding:0;
     margin:0; 
     position:relative;
}
#menu ul{
     padding:0; 
     margin:0; 
     list-style:none; 
     float:left; 
}
#menu ul li{
     height:auto;
     padding:0 0 0 10px; 
     margin:0 5px 0 0; 
     display:block; 
     float:left; 
     background:url("images/submenu-l.gif") no-repeat left;
}
#menu ul li a{
     width:auto;
     height:auto; 
     padding:0px 21px 0 10px; 
     margin:0; 
     float:left; 
     font:bold 13px/24px Tahoma, Verdana, sans-serif; 
     color:#7A6B44; 
     text-align:center; 
     text-decoration:none; 
     background:url("images/submenu-r.gif") no-repeat right; 
}
#menu ul li a:hover{
     text-decoration:underline;
}
#menu ul li.current{
     margin:0 5px 0 0;
     display:block; 
     float:left; 
     font:bold 13px/24px Tahoma, Verdana, sans-serif; 
     color:#fff; 
      background:url(images/submenu-active-l.gif) no-repeat left; 
}
#menu ul li.current span{
     padding:0px 21px 0 10px; 
     margin:0; 
     display:block; 
     float:left; 
      background:url(images/submenu-active-r.gif) no-repeat right; 
}
</style>

</head>
<body bgcolor="gray">
	<div id="t-body">
		<div id="header">
			<div class="logo-img">
        		<img src="images/new3.png" style="width: 1000px;height: 200px " id="logo" />
    		</div>
		</div>
		<div id="header2">
    		<div id="menu">
    			<ul>
        			<li><a href="MainServlet">หน้าแรก</a></li>
        			<li><a href="BachelorServlet2">ปริญญาตรี</a></li>
        			<li><a href="MasterServlet2">ปริญญาโท</a></li>
        			<li><a href="DoctorServlet2">ปริญญาเอก</a></li>
        			<li><a href="WebboardServlet">กระดานสนทนา</a></li>
        			<li class="current"><span>ติดต่อเรา</span></li>
    			</ul>
			</div>
		</div>
		<div id="left">
			<form>
				<br><br><center>
				<table border="1" cellpadding=5>
					<tbody>
						<tr align="left">
							<td>ชื่อ<span style="color: red;"> * </span></td>
							<td><input size="30"></td>
						</tr>
						<tr align="left">
							<td>อีเมล<span style="color: red;"> * </span></td>
							<td><input size="30"></td>
						</tr>
						<tr align="left">
							<td>เบอร์โทรศัพท์</td>
							<td><input size="30" maxlength="10"></td>
						</tr>
						<tr align="left">
							<td>ชื่อเรื่อง<span style="color: red;"> * </span></td>
							<td><input size="30"></td>
						</tr>
						<tr align="left">
							<td>ข้อคิดเห็น<span style="color: red;"> * </span></td>
							<td><textarea cols="30" rows="7"></textarea></td>
						</tr>
						<tr align="left">
							<td>Enter the characters in the image<span style="color: red;"> * </span></td>
							<td><script type="text/javascript">var RecaptchaOptions = {theme:'clean'};</script>
								<script type="text/javascript" src="https://www.google.com/recaptcha/api/challenge?k=6LcP1tUSAAAAAESKa-5s3rTM_NJ4DbHb-xTKmg8c"></script>
								<noscript>
									<iframe src="https://www.google.com/recaptcha/api/noscript?k=6LcP1tUSAAAAAESKa-5s3rTM_NJ4DbHb-xTKmg8c" height="300" width="500" frameborder="0"></iframe><br>
									<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
									<input type="hidden" name="recaptcha_response_field" value="manual_challenge">
								</noscript>
							</td>
						</tr>
						<tr bordercolor="white">
							<td colspan="2" align="center"><input type="submit" value="ส่งข้อมูล"></td>
						</tr>
						<tr align="left" bordercolor="white">
							<td><p style="font-size: small;color: red;">* ข้อมูลที่จำเป็น </p></td>
						</tr>
					</tbody>
				</table>
				</center>
			</form>
		</div>
	</div>
</body>
</html>